<title>网站用户</title>

<div class="layui-card layadmin-header">
    <div class="layui-breadcrumb" lay-filter="breadcrumb">
        <a lay-href="">主页</a>

    </div>
</div>

<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-form layui-card-header layuiadmin-card-header-auto" lay-filter="layadmin-userfront-formlist">


            <div class="layui-card-body">


                <table id="LAY-user-manage" lay-filter="LAY-user-manage"></table>
                <script type="text/html" id="imgTpl">
                    <img style="display: inline-block; width: 90%; height: 100%;" src={{ d.banner }}>
                </script>
                <script type="text/html" id="proStatus">
                    <!--{{d.status}}-->
                    {{#if(d.status===0){   }}
                    <i class="layui-icon layui-icon-close"></i>
                    {{# } }}
                    {{#if(d.status===1){   }}
                    <i class="layui-icon layui-icon-ok"></i>
                    {{# } }}

                </script>
                <script type="text/html" id="table-useradmin-webuser">
                    <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="qiyong">
                        启用
                    </a>
                    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="jinyong">
                        禁用
                    </a>
                    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">
                        删除
                    </a>
                </script>
            </div>
        </div>
    </div>

    <script>
        layui.use('useradmin', layui.factory('useradmin')).use(['admin', 'useradmin', 'table'], function () {
            var $ = layui.$
                , admin = layui.admin
                , view = layui.view
                , table = layui.table
                , form = layui.form;

            form.render(null, 'layadmin-userfront-formlist');


            //用户管理
            table.render({
                elem: '#LAY-user-manage'
                , url: '/admin/getAllProjectType' //模拟接口
                , cols: [[

                    {field: 'typeId', width: 100, title: 'ID', sort: true}
                    , {field: 'typeName', title: '类型名称', width: 500}
                    , {field: 'status', title: '状态', width: 100, templet: '#proStatus'}
                    , {title: '操作', width: 200, align: 'center', fixed: 'right', toolbar: '#table-useradmin-webuser'}
                ]]
                , page: true
                , limit: 10
                , height: 'full'
                , text: '对不起，加载出现异常！'

            });

            //监听工具条
            table.on('tool(LAY-user-manage)', function (obj) {
                var data = obj.data;
                console.log(data);
                if (obj.event === 'del') {
                    // window.location.href="/home/project.html?id="+data.projectId;
                    // window.open("/home/project.html?id="+data.projectId,"_blank");
                } else if (obj.event === "qiyong") {
                    $.ajax({
                        url: "/admin/setProjectTypeStatus?typeId=" + data.typeId + "&status=1",
                        success: function (d) {
                            table.render(null);
                            alert(d.msg);

                        }
                    });
                } else if (obj.event === "jinyong") {
                    $.ajax({
                        url: "/admin/setProjectTypeStatus?typeId=" + data.typeId + "&status=0",
                        success: function (d) {
                            table.render(null);
                            alert(d.msg);
                        }
                    });
                }

            });


            //监听搜索
            form.on('submit(LAY-user-front-search)', function (data) {
                var field = data.field;
                console.log(field);

                //执行重载
                table.reload('LAY-user-manage', {
                    where: field
                });
            });

            //事件
            var active = {
                batchdel: function () {
                    var checkStatus = table.checkStatus('LAY-user-manage')
                        , checkData = checkStatus.data; //得到选中的数据

                    if (checkData.length === 0) {
                        return layer.msg('请选择数据');
                    }


                    layer.prompt({
                        formType: 1
                        , title: '敏感操作，请验证口令'
                    }, function (value, index) {
                        layer.close(index);

                        layer.confirm('确定删除吗？', function (index) {

                            //执行 Ajax 后重载
                            /*
                            admin.req({
                              url: 'xxx'
                              //,……
                            });
                            */
                            table.reload('LAY-user-manage');
                            layer.msg('已删除');
                        });
                    });
                }
                , add: function () {
                    admin.popup({
                        title: '添加用户'
                        , area: ['500px', '450px']
                        , id: 'LAY-popup-user-add'
                        , success: function (layero, index) {
                            view(this.id).render('user/user/userform').done(function () {
                                form.render(null, 'layuiadmin-form-useradmin');

                                //监听提交
                                form.on('submit(LAY-user-front-submit)', function (data) {
                                    var field = data.field; //获取提交的字段

                                    //提交 Ajax 成功后，关闭当前弹层并重载表格
                                    //$.ajax({});
                                    layui.table.reload('LAY-user-manage'); //重载表格
                                    layer.close(index); //执行关闭
                                });
                            });
                        }
                    });
                }
            };

            $('.layui-btn.layuiadmin-btn-useradmin').on('click', function () {
                var type = $(this).data('type');
                active[type] ? active[type].call(this) : '';
            });
        });
    </script>